<style>
    .czbtn{
        width: 1.5rem;
        height: 0.5rem;
        font-size: 0.3rem;
        line-height: 0.5rem;
        text-align: center;
        color: white;
        margin: 0 auto;
        border-radius: 3px
    }
</style>
<div class="bui-page bui-box-vertical" id="loadingAdvertise" style="height: 100%">
    <header>
        <div class="bui-bar" style="background-color: rgb(255,85,46)">
            <div class="bui-bar-left">
                <!-- 左边有图标示例 -->
                <div class="bui-btn btn-back" id="advertiseEditFh"><i class="icon-back"></i></div>
            </div>
            <div class="bui-bar-main" id="advertTab"></div>
            <div class="bui-bar-right">
                <!-- 右边有图标示例 -->
            </div>
        </div>
    </header>
    <main>
        <div style="padding-bottom: 10px">
            <form id="J_Form" class="form-horizontal">
                <ul class="bui-list">
                    <li class="bui-btn bui-box clearactive">
                        <label class="bui-label" for="adtTitle">标题:</label>
                        <div class="span1">
                            <div class="bui-input" id="adTitleInput">
                                <input id="adtTitle" type="text" class="bui-input" value="" placeholder="请输入标题40字以内">
                                <p id="adTitleTs" style="color: red"></p>
                            </div>
                        </div>
                    </li>

                    <div style="background: white; margin-top: 10px; margin-bottom: 10px">
                        <ul class="bui-list">
                            <li class="bui-btn bui-box clearactive">
                                <div class="bui-label"><span style="color: red">*</span>所属地区</div>
                                <div class="span1">
                                    <div id="chooseCity" class="bui-box">
                                        <div class="selected-vals"></div>
                                        <div class="selected-vals"></div>
                                        <div class="selected-vals"></div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <p id="adCountryTs" style="color: red"></p>
                    </div>

                    <li class="bui-btn bui-box clearactive" id="articleK">
                        <label class="bui-label" for="article">文章:</label>
                        <div class="span1">
                            <div class="bui-input">
                                <p id="article">请选择文章</p>
                            </div>
                        </div>
                    </li>

                    <!--图片上传-->
                    <!-- 上传示例 -->
                    <div style="background: white; margin-top: 10px">
                        <div class="section-title">
                            图片:
                        </div>
                        <div id="buiPhotoAd" class="bui-upload bui-fluid-space-4">
                            <div id="btnUploadAd" class="bui-btn">
                                <i class="icon-plus large"></i>
                            </div>
                            <div id="picK" style="width: 100%;height: 1.4rem;display: none">
                            </div>
                        </div>
                    </div>

                    <div style="background: white; margin-top: 10px; margin-bottom: 10px">
                        <ul class="bui-list">
                            <li class="bui-btn bui-box clearactive">
                                <div class="bui-label"><span style="color: red">*</span>位置</div>
                                <div class="span1">
                                    <div class="bui-fluid-space-3">
                                        <div class="span1">
                                          <input id="place1" type="checkbox" class="bui-check" name="place" value="1" check="首页" uncheck="首页">
                                        </div>
                                        <div class="span1">
                                          <input id="place2" type="checkbox" class="bui-check" name="place" value="2" check="分类页" uncheck="分类页">
                                        </div>
                                        <div class="span1">
                                            <input id="place3" type="checkbox" class="bui-check" name="place" value="3" check="详情页" uncheck="详情页">
                                        </div>
                                    </div>

<!--                                    <ul class="bui-list">-->
<!--                                        <li class="bui-btn bui-box">-->
<!--                                            <input id="place1" type="checkbox" class="bui-check" name="place" value="1" text="">-->
<!--                                            <div class="span1">-->
<!--                                                <label for="place1">首页</label>-->
<!--                                            </div>-->
<!--                                        </li>-->
<!--                                        <li class="bui-btn bui-box bui-btn-line">-->
<!--                                            <input id="place2" type="checkbox" class="bui-check" name="place" value="2" text="">-->
<!--                                            <div class="span1">-->
<!--                                                <label for="place2">分类页</label>-->
<!--                                            </div>-->
<!--                                        </li>-->
<!--                                        <li class="bui-btn bui-box bui-btn-line">-->
<!--                                            <input id="place3" type="checkbox" class="bui-check" name="place" value="3" text="">-->
<!--                                            <div class="span1">-->
<!--                                                <label for="place3">详情页</label>-->
<!--                                            </div>-->
<!--                                        </li>-->
<!--                                    </ul>-->
                                </div>
                            </li>
                        </ul>
                    </div>

                    <li class="bui-btn bui-box">
                        <label class="bui-label"><span style="color: red">*</span>开始日期</label>
                        <div class="span1"><input type="text" id="start_datepicker_input" readonly class="bui-input"></div>
                    </li>

                    <li class="bui-btn bui-box">
                        <label class="bui-label"><span style="color: red">*</span>结束日期</label>
                        <div class="span1"><input type="text" id="end_datepicker_input" readonly class="bui-input"></div>
                    </li>

                    <li class="bui-btn bui-box clearactive">
                        <label class="bui-label" for="adtTitle">显示权重:</label>
                        <div class="span1">
                            <div class="bui-input" id="weightInput">
                                <input id="weight" type="text" class="bui-input" value="" placeholder="请输入显示权重">
                                <p id="weightTs" style="color: red"></p>
                            </div>
                        </div>
                    </li>

                    <li id="userK" style="display: none">
                        <div class="section-title">作用用户:</div>
                        <div class="bui-fluid-space-3" id="zyUser">

                        </div>
                    </li>
                </ul>
            </form>
            <div style="width: 100%; text-align: center; margin-top: 10px">
                <img src="images/58logo.png">
            </div>

            <!-- 中间自定义弹出框结构	 -->
            <div id="selectedDialog" class="bui-dialog" style="display: none;width: 300px">
                <div class="bui-dialog-head">选择文章</div>
                <div class="bui-dialog-main">
                    <div id="selectedArticleScrollList" class="bui-scroll">
                        <div class="bui-box" style="padding-left: 18px">
                            <div class="span1">
                                <div class="bui-input">
                                    <input id="articleTitleSearch" type="text" class="bui-input" value="" placeholder="请输入文章标题">
                                </div>
                            </div>
                            <div style="width:1.6rem;">
                                <div class="czbtn" style="background: dodgerblue;" id="searchArticle">
                                    查询
                                </div>
                            </div>
                        </div>
                        <div class="bui-scroll-main">
                            <ul class="bui-list bui-list-thumbnail">

                            </ul>
                        </div>
                        <div class="bui-scroll-foot"></div>
                    </div>
                </div>
                <div class="bui-dialog-foot">
                    <div class="bui-box">
                        <div class="span1">
                            <div class="bui-btn">取消</div>
                        </div>
                        <div class="span1">
                            <div class="bui-btn blue" id="advertiseConfirm">确定</div>
                        </div>
                    </div>
                </div>
                <div class="bui-dialog-close"><i class="icon-close"></i></div>
            </div>

            <div style="background: rgb(251,144,49);border-radius: 30px;text-align: center;color: white;font-size: 0.3rem;width: 90%; height: 0.8rem;line-height: 0.8rem;margin: 0 auto" id="fbAdvertise">发布</div>
        </div>
    </main>
    <footer>
        <!-- 底部内容 -->
    </footer>
</div>
